<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
double num = Math.random();//创建随机数
%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="/News/admin/assets/css/adminIndex.css" />
<link rel="stylesheet" href="/News/admin/assets/jquery/jquery-ui.css" />
<link rel="stylesheet"
	href="/News/admin/assets/css/adminNewQueryAndDelete.css" />
</head>
<body>
	<!-- 创建一个包含全部的总div -->
	<div class="adminAllDiv">
		<form id="form1" action="/News/AdminNewsQueryServlet" method="post">
			<div class="adminAllUseDivr">
				<!-- 新闻属性 -->
				<div class="newAttribute">
					<ul class="newsAttribute">
						<li>&nbsp;id: &nbsp;<input type="text" name="newsId"
							class="newsText" id="newsId"></li>
						<li>&nbsp;类型: <input type="text" name="newsType"
							class="newsText" id="newsType"></li>
						<li>&nbsp;标题: <input type="text" name="newsHeadline"
							class="newsText" id="newsHeadline"></li>
						<li>&nbsp;简介: <input type="text" name="newsIntro"
							class="newsText" id="newsIntro">
						</li>
						<li>&nbsp;作者: <input type="text" name="newsAuthor"
							class="newsText" id="newsAuthor">
						</li>
						<li>&nbsp;日期: <input type="text" name="newsDate"
							class="newsText" id="newsDate" required="required">
						</li>
						<li>&nbsp;路径: <input type="text" name="newsImg"
							class="newsText" id="newsImg">
						</li>
						<li>&nbsp;热度: <input type="text" name="newsHeat"
							class="newsText" id="newsHeat">
						</li>
						<li>&nbsp;评论: <input type="text" name="newsReviewNum"
							class="newsText" id="newsReviewNum">
						</li>
					</ul>
				</div>
				<!-- 新闻方法 -->
				<div class="newsAllmethod">
					<ul class="newsMethod">
						<li><a><input type="button" value="删除"
								class="newsthisButton"
								onclick="changAction('/News/AdminNewsDeleteAllServlet')" /></a></li>
						<li><a><input type="button" value="查询"
								class="newsthisButton"
								onclick="changAction('/News/AdminNewsQueryServlet')" /></a></li>
					</ul>
				</div>
				<!-- 图片显示页面 -->
				<div contenteditable="true" class="newImg">
					<h2>简介详情</h2>
					<br>
					&nbsp;&nbsp;&nbsp;<p name="newsIntros" id="newsIntros"></p>
				</div>
				<!-- 新闻数据展示框 -->
				<div class="newsframework">
					<span class="round"></span> <span class="roundbottomline"></span>
					<table class="newShowtable">
						<tr>
							<th><input name="newsAll" id="newsAll" type="checkbox"
								onclick="selectAll()" value="全选">全选</th>
							<th>id</th>
							<th>类型</th>
							<th>标题</th>
							<th>简介</th>
							<th>作者</th>
							<th>日期</th>
							<th>路径</th>
							<th>热度</th>
							<th>评论</th>
							<th>操作</th>
							<th>操作</th>
							<th>操作</th>
						</tr>
						<c:forEach var="news" items="${ newsQueryLikeList }">
							<tr>
								<td><input name="newsIdAll" type="checkbox"
									value="${news.newsId}"></td>
								<td>${news.newsId }</td>
								<td>${news.newsType }</td>
								<td>${news.newsHeadline }</td>
								<td>${news.newsIntro }</td>
								<td>${news.newsAuthor }</td>
								<td>${news.newsDate }</td>
								<td>${news.newsImg }</td>
								<td>${news.newsHeat }</td>
								<td>${news.newsReviewNum }</td>
								<td><input type="button" value="查看简介"
									onclick="show('${news.newsIntro}')" /></td>
								<td><a
									href="/News/AdminNewsDeleteAllServlet?newsIdAll=${news.newsId }"
									style="color: black;">删除</a></td>
								<td><a
									href="/News/AdminNewsQueryToUpdateServlet?newsId=${news.newsId }"
									style="color: black;">查看详情</a></td>
							</tr>
						</c:forEach>
					</table>
				</div>
			</div>
		</form>
	</div>
</body>
<script src="/News/admin/assets/jquery/jquery-3.7.1.js"></script>
<script src="/News/admin/assets/jquery/jquery-ui-i18n.min.js"></script>
<script src="/News/admin/assets/jquery/jquery-ui.js"></script>
<script>
	//初始化函数
	$(function() {
		//调用初始化总界面方法
		updateInterface();
	});
	//浏览器窗口变化调用函数
	window.addEventListener("resize", function(event) {
		updateInterface();
	});
	//初始化总界面函数
	function updateInterface() {
		setAdminAllDivSize();
		setAdminAllUserDivSize();
		setnewAttribute();
		setnewsAllmethod();
		setnewImg();
		setnewsframework();
		setnewShowtable();
	}
	// 使All自适应大小
	function setAdminAllDivSize() {
		$(".adminAllDiv").width($(window).width());
		$(".adminAllDiv").height($(window).height());
		console.log($(".adminAllDiv").height());
	}
	//使内容框总框自适应大小
	function setAdminAllUserDivSize() {
		//设置总框大小
		$(".adminAllUseDivr").width($(".adminAllDiv").width() * 0.95);
		$(".adminAllUseDivr").height($(".adminAllDiv").height());
		//设置总框定位
		$(".adminAllUseDivr").css("left", $(".adminAllDiv").width() * 0.025);
	}
	//使新闻属性框自适应大小
	function setnewAttribute() {
		//设置新闻属性框大小
		$(".newAttribute").width($(".adminAllUseDivr").width() * 0.7);
		$(".newAttribute").height($(".adminAllUseDivr").height() * 0.7);
		//设置新闻属性框定位
		$(".newAttribute").css("left", $(".adminAllUseDivr").width() * 0.025);
		$(".newAttribute").css("top", $(".adminAllUseDivr").height() * 0.02);
		//设置新闻属性框下li标签高度
		$(".newsAttribute>li").height($(".newAttribute").height() * 0.1);
		//设置新闻属性框下input标签
		$(".newsAttribute>li>input").width($(".newAttribute").width() * 0.88);
		$(".newsAttribute>li>input").height($(".newAttribute").height() * 0.06);
		//设置新闻属性框下input标签定位
		$(".newsAttribute>li>input").css("margin-left",
				$(".newAttribute").width() * 0.03);
		$(".newsAttribute>li>input").css("margin-top",
				$(".newAttribute").height() * 0.005);
	}
	//使新闻方法框自适应大小
	function setnewsAllmethod() {
		//设置新闻方法框大小
		$(".newsAllmethod").width($(".adminAllUseDivr").width() * 0.2);
		$(".newsAllmethod").height($(".adminAllUseDivr").height() * 0.2);
		//设置新闻属性框定位
		$(".newsAllmethod").css("left", $(".adminAllUseDivr").width() * 0.764);
		$(".newsAllmethod").css("top", $(".adminAllUseDivr").height() * 0.02);
		//设置新闻方法大小
		$(".newsMethod>li").width($(".newsAllmethod").width() * 0.9);
		$(".newsMethod>li").height($(".newsAllmethod").height() * 0.37);
		//设置新闻方法大小
		$(".newsMethod>li>a").width($(".newsAllmethod").width() * 0.7);
		$(".newsMethod>li>a").height($(".newsAllmethod").height() * 0.3);
		//设置新闻方法下input标签定位
		$(".newsMethod>li").css("margin-top",
				$(".newsAllmethod").height() * 0.08);
		$(".newsMethod>li>a").css("margin-left",
				$(".newsAllmethod").width() * -0.34);
		$(".newsMethod>li>a").css("margin-top",
				$(".newsAllmethod").height() * 0.5);
		//设置新闻方法大小
		$(".newsMethod>li>a>input").width($(".newsMethod>li>a").width());
		$(".newsMethod>li>a>input").height($(".newsMethod>li>a").height());
		$(".newsthisButton").css("margin-left",
				$(".newsAllmethod").width() * 0.46);
		$(".newsthisButton").css("margin-left",
				$(".newsAllmethod").width() * 0.46);
	}
	// 使新闻图片显示自适应大小
	function setnewImg() {
		//设置新闻图片大小
		$(".newImg").width($(".adminAllUseDivr").width() * 0.2);
		$(".newImg").height($(".adminAllUseDivr").height() * 0.48);
		//设置新闻图片定位
		$(".newImg").css("left", $(".adminAllUseDivr").width() * 0.764);
		$(".newImg").css("top", $(".adminAllUseDivr").height() * 0.24);
		//设置新闻简介下h标签的定位
		$(".newImg>h2").css("left", $(".newImg").width() * 0.32);
		$(".newImg>h2").css("top", $(".newImg").height() * 0.02);
	}
	//使新闻数据框自适应大小
	function setnewsframework() {
		$(".newsframework").width($(".adminAllUseDivr").width() * 0.95);
		//设置用户数据总框定位
		$(".newsframework").css("left", $(".adminAllUseDivr").width() * 0.025);
		$(".newsframework").css("top", $(".adminAllUseDivr").height() * 0.76);
		//设置黑⚪大小
		$(".round").width("30px");
		$(".round").height("30px");
		//设置黑⚪位置
		$(".round").css("left", "10px");
		$(".round").css("top", "10px");
		//设置线宽
		$(".roundbottomline").width($(".newsframework").width());
		$(".roundbottomline").height("1px");
		//设置线位置
		$(".roundbottomline").css("top", "50px");
	}
	// 使新闻数据表自适应大小
	function setnewShowtable() {
		$(".newShowtable").width($(".newsframework").width());
		$(".newShowtable tr").height($(".adminAllUseDivr").width() * 0.03);
		$(".newShowtable tr td").width($(".newShowtable").width() * 0.21);
	}

	// 全选的设置
	function selectAll() {
		// 获取全选复选框和被全选的复选框列表
		var selectAllCheckbox = document.getElementById("newsAll");
		var checkboxes = document.getElementsByName("newsIdAll");
		// 遍历被全选的复选框列表，设置它们的选中状态与全选复选框一致
		for (var i = 0; i < checkboxes.length; i++) {
			checkboxes[i].checked = selectAllCheckbox.checked;
		}
	}
	//改变提交路径
	function changAction(url) {
		var fromId = document.getElementById("form1");
		fromId.action = url;
		fromId.submit();
		console.log(document.getElementById("form1").action);
		console.log(url);
	}
	//查看获取值
	function show(a) {
		document.getElementById("newsIntros").innerText = a;
	}
	//使用jqueryUi设置时间
	$(function() {
		$("#newsDate").datepicker();
		$("#newsDate").datepicker("option", "dateFormat", "yy-mm-dd");
		$("#newsDate").datepicker("option", $.datepicker.regional["zh-CN"]);
		$("#newsDate").datepicker("option", "showAnim", "slide");
	});
	
	//鼠标悬浮颜色更换方法
	$("td").hover(function() {
		// 鼠标悬浮时执行的代码
		$(this).parent().css('background-color', '#d0d0d0');
	}, function() {
		// 鼠标移开时执行的代码
		$(this).parent().css('background-color', '#fff');
	});
</script>
</html>
